約 5,329,594 件
https://w.atwiki.jp/restinpiece/pages/16.html
Excel⇒HTML変換表 Excel⇒HTML変換表 べた打ちでExcellを書くには.... a タグ ASPからExcelを出力する際に必要なヘッダー フォントフォントサイズ 斜体 太字 フォントの種類 フォントサイズ 高さ・幅高さ指定 幅指定 セルセルの書式のフォーマットの指定 セルの結合 セルの背景色を指定する 折り返し禁止 縮小して全体を表示 垂直表示 文字の傾き セルの文字色の変更 セルに罫線を引く 斜めに罫線を引く セルに数値をセットする パーセンテージ 出力結果 インデント 位置 下線 べた打ちでExcellを書くには.... ①基本はHTMLで書けばいける ②たまにHTMLで書けないMS独自仕様がある a タグ HTMLの a タグと同じです。 セル内の値に使用すれば文字にリンクが張られる。 ASPからExcelを出力する際に必要なヘッダー Response.ContentType = "application/vnd.ms-excel" Response.AddHeader "content-disposition","inline; filename=xxxxx.xls" フォント フォントサイズ font-size [数値]pt; 斜体 font-style italic; 太字 font-weight 700; フォントの種類 font-family "ＭＳ Ｐゴシック", monospace; http //www.htmq.com/style/font-family.shtml フォントサイズ font-size [数値]pt; http //www.htmq.com/style/font-size.shtml 高さ・幅 高さ指定 mso-height-source userset; 高さを指定する際にTR内のStyle内に記述し、、styleのheightで高さを指定する 幅指定 mso-width-alt 不明、幅の指定をしたときに勝手にできる。 mso-width-source userset; 幅を指定する際にテーブル内の COL 内のstyleに記述し、styleのwidthで幅を指定する セル セルの書式のフォーマットの指定 mso-number-format mso-number-format \@ テキスト形式 mso-number-format "0\.000" 3桁数値 mso-number-format \#\,\#\#0\.000 3桁カンマ区切り数値 mso-number-format "mm\/dd\/yy" 日付 mso-number-format "d\\-mmm\\-yyyy" その他日付 mso-number-format Percent セルの結合 colspanとrowspanです。HTMLのテーブルと一緒です。 セルの背景色を指定する mso-pattern auto [網掛設定]; background [色]; 網掛設定で使用できる種類。何かしら指定しないと背景色の指定ができないので注意してください。 折り返し禁止 white-space normal; http //www.htmq.com/style/white-space.shtml 縮小して全体を表示 mso-text-control shrinktofit; 垂直表示 layout-flow vertical; 文字の傾き mso-rotate [数値]; セルの文字色の変更 color [色] セルに罫線を引く 通常のstyleのボーダ指定と同じ。 (例) border .5pt solid; border 1.0pt solid; border 2.0pt double; 上下左右ごとの指定も可能 border-top 1.0pt solid ; border-right none; border-bottom 2.0pt double; border-left 4.0px solid;} 斜めに罫線を引く mso-diagonal-up .5pt solid windowtext; 左から右に上昇するからUP mso-diagonal-down .5pt solid windowtext; 左から右に下降するからDOWN セルに数値をセットする x num="(式)" 実数 出力結果 x num="111" パーセンテージ 出力結果 x num="0.15" 15% インデント mso-char-indent-count [数値] 数字に記入した数値量分インデントされる 位置 text-align [位置] 位置に記入されたところにセルの値が寄せられる left, center, rightに寄せられる。 下線 text-decoration underline; text-underline-styleを指定しない場合はデフォルトのsingleが表示される text-underline-style [線];
https://w.atwiki.jp/goronka/pages/2619.html
【作品名】babel2 【ジャンル】お楽しみCD77収録のゲーム 【先鋒】パラディン 【次鋒】侍 【中堅】達人 【副将】忍者 【大将】賢者 【共通設定】 【攻撃力】スリプ：射程１０ｍ程、半径１０ｍ程の効果範囲、消費MP4 人間、人外、動物を睡眠させる魔法、即時発動 パララ：射程１０ｍ程、半径１０ｍ程の効果範囲、消費MP8 人間、人外、動物を睡眠させる魔法、即時発動 サンバーン：１０ｍ程の爆発の十数発分の威力の爆発、消費MP40 射程１０ｍ程、即時発動 【防御力】１０ｍ程の爆発に１００発以上耐えて戦闘続行可能 毒、暗闇、睡眠、麻痺、暴走、混乱、沈黙状態に耐性があり無効化する 【素早さ】３ｍ程の鷹を遥かに上回る反応速度 ３ｍ程の鷹から走って逃げられる移動速度 【備考】MP400以上 【名前】パラディン 【属性】パラディン、男性、人間 【大きさ】成人男性並み 【攻撃力】エクスカリバー：剣、１０ｍ程の爆発に数発耐えて戦闘続行可能な敵を一撃で殺せる 共通設定参照 【防御力】共通設定参照 【素早さ】共通設定参照 【名前】侍 【属性】侍、男性、人間 【大きさ】成人男性並み 【攻撃力】村正：刀、１０ｍ程の爆発に数発耐えて戦闘続行可能な敵を一撃で殺せる 共通設定参照 【防御力】共通設定参照 【素早さ】共通設定参照 【名前】達人 【属性】達人、男性、人間 【大きさ】成人男性並み 【攻撃力】素手一撃で、１０ｍ程の爆発に数発耐えて戦闘続行可能な敵を一撃で殺せる 共通設定参照 【防御力】共通設定参照 【素早さ】共通設定参照 【名前】忍者 【属性】忍者、男性、人間 【大きさ】成人男性並み 【攻撃力】月光：刀、１０ｍ程の爆発に数発耐えて戦闘続行可能な敵を一撃で殺せる 共通設定参照 【防御力】共通設定参照 【素早さ】共通設定参照 【名前】賢者 【属性】賢者、男性、人間 【大きさ】成人男性並み 【攻撃力】ハデスの杖：杖、１０ｍ程の爆発に数発耐えて戦闘続行可能な敵を一撃で殺せる 共通設定参照 【防御力】共通設定参照 【素早さ】共通設定参照 参戦 vol.112 339-340
https://w.atwiki.jp/memcache/pages/36.html
HTTP Header Proxy ServerWeb Debugging Proxy LINK SSL Pass-Thu HTTP Header http //www.tohoho-web.com/ex/http.htm http //web-tan.forum.impressrd.jp/e/2010/01/12/7156 Proxy Server http //howto.ysn-jp.com/tor/tor_what.php http //www.atmarkit.co.jp/fwin2k/win2ktips/031autoproxy/autoproxy.html Web Debugging Proxy Fiddler http //www.fiddler2.com/fiddler2/ LINK Studying HTTP http //www.studyinghttp.net/ Smart http //www.rfs.jp/sb/perl/03/03.html HTTPプロトコルとサーバへのリクエスト(FUJITSU) http //jp.fujitsu.com/solutions/sdas/technology/web-apl/01-http-protocol.html
https://w.atwiki.jp/testlink/pages/59.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script type="text/javascript" src="../../javascript/testlink_library.js" /script /head body div class="workBack" h1 テスト仕様の印刷 /h1 h2 目的 /h2 p この機能は各々のテストスイート、またはテストプロジェクト/テスト計画全体のテストケースを印刷できます。 /p h2 やってみましょう！ /h2 ol li p すべての参照できるテストケースが該当するテストケース、またはテストスイートをクリックします。 br / /p /li li p ナビゲーションシートの「印刷オプション」テーブルにて印刷データの範囲とフォーマットを設定します。詳しくは span class="help" onclick="javascript open_popup( ./printFilter.html );" ヘルプ /span を参照してください。 /p /li li p ブラウザの印刷機能にてテストケースを印刷します。 br / i 注意 印刷できるのはブラウザの右側のみです。 /i /p /li /ol /div /body /html
https://w.atwiki.jp/fm-forum/pages/31.html
開催情報 日時：4/10 13 00-19 00 場所：銀銀座ルノアールニュー大久保店 3号室 （東京都新宿区百人町1-18-8） 定員：10名でとったけど12名まではOK。 http //atnd.org/events/3687 アジェンダ 最終目標は形式手法を活用して仕事ができるようにすること！ まずは、考え方とツールに慣れるところから始めます。 初めての人にも導入資料へのリンクをお教えしますので、 レベル感を気にせず参加してください。 ただし、キャンセルは4/6 24 00までにお願いします （会議室料金は参加者で割り勘なので）。 Coqの題材：前回参加してなかった人が多かったので前回の復習からも検討。 各自 Coq の実行環境をインストールしてきて下さい。 インストール方法(http //www39.atwiki.jp/fm-forum/pages/16.html) MacOS (Snow Leopard)とかLinuxの人はインストール手順を Wikiに反映していただけると嬉しいです。 最初のテキストはThe Coq Proof Assistant, A Tutorial (http //www39.atwiki.jp/fm-forum/pages/17.html) です。前回はChapter 1.3まで(p.18 まで)で、今回は1.4 Predicate Calculusの予定です。時間的に余裕があれば、予め実際に自分で入力（PDFからCoqIDEにコピペ）してみてください。入力したらsaveすると入力した事が全部記録されます。それを上から順に一行づつステップ実行して、皆で交代で発表しましょう。 前回はガリグ先生の教材(http //www.math.nagoya-u.ac.jp/~garrigue/lecture/ 2009_AW/coq2.pdf) の練習問題を解きました。今回はガリグ先生の授業 (http //www.math.nagoya-u.ac.jp/~garrigue/lecture/2009_AW/coq3.pdf) の練習問題1.1を解こうと思ってます。 そこまで終わったら、CPDT (http //adam.chlipala.net/cpdt/) のChapter 3をやりましょう。 Alloyの題材： 現在検討中。 http //groups.google.co.jp/group/fm-forum に詳細を載せます。 議事録
https://w.atwiki.jp/handsrecs/pages/37.html
HTML / CSS 互換モードと標準モード(IE6の対応のため) http //2xup.org/log/2007/07/27-2111 ツール HTML構文検証http //validator.w3.org/ テンプレート集 http //www.mantisatemplates.com/ http //csseasy.com/
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは？ /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年！（ｷﾘｯ!!）byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by糸申士 br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…？ /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ！ /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/water28/pages/83.html
cssメリット WEB標準に準拠 - 「SEO」「アクセシビリティ」「ユーザビリティ」 構成情報HTMLとデザインCSSの分離 メンテナンスが容易 レンダリングエンジン Trident （Internet Explorer等 Gecko Mozilla Firefox等 KHTML Konqueror WebKit Safari、Google Chrome等 Presto Opera 日本のブラウザシェア http //lhsp.s206.xrea.com/misc/browser-share.html レンダリングモードはXHTMLソースコードの最初に記述するDoctypeスイッチングを選択して決定する。DTDは、XHTMLのメタデータが記述されている。 http //www.htmq.com/htmlkihon/302.shtml サーチエンジンシェア(あるサイトのアクセス解析より) http //find.accessup.org/kensaku/access_history.html#graph リンク Zen Garden - ワンソース・マルチデザインサイト http //www.csszengarden.com/tr/japanese/ ユーザビリティ http //www.usability.gr.jp/ http //www.hcdnet.org/ HTML 要素の種類 ブロックレベル要素 widthとheightの値を持つ。指定がない場合、親要素を継承 p div table dl ul ol form address blockquote h1-h6 fieldset hr pre インライン要素 widthとheightの値を持たない。ブロックレベル要素内の文中をマークアップする。ブロックレベル要素を子要素として持つことが出来ない a abbr acronym b bdo big cite code dfn em i kbd label q smap small spam strong sub sup tt var インラインブロック要素 widthとheightの値を持つ。文法的な使われ方はインライン要素 button img input object select span要素 インライン要素。文中、CSSでデザインする span 場所 /span を囲む。 コメント !-- -- 文字実体参照・数値文字参照 http //w3g.jp/others/data/letters sectionとarticleの違い article 単体で完結出来る お知らせや新着情報 section リンク先を見てみないことには分かいような物 コンテンツ類 CSS コメント /* */ 記述場所 インライン p style="color #ff00000;" /p 内部参照 style type="tetxt/css" p{ color ff0000;} /style 外部参照 link rel="stylesheet" type="text/css" href="xxx.css" / @importディレクティブ @import url(xxx.css) all; ←css内に記述。cssを階層構造にしてまとめる物? セレクタ http //weboook.blog22.fc2.com/blog-entry-287.html http //www.htmq.com/csskihon/005.shtml スタイルシートの継承一覧 http //css.eweb-design.com/0108_bsc.html body要素に書いておくと良さそうなもの http //www.designwalker.com/2007/02/css-body.html 詳細度(適応優先順位) * 0 p 1 a link 2 ul li 2 .con 10 #header 100 style="" 1000 #wrapper ul li.home 112 div#header 101 カスケーディング スタイルシートの種類 オーサー(Author) コンテンツ作成者が作成したCSS ユーザー(user) コンテンツ利用者が意図して使用するCSS ユーザーエージェント(User Agent) ブラウザ自体が持っているCSS 優先順位 1 ユーザスタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 2 オーサースタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 3 オーサースタイルシート サイト制作者がlinkタグやstyleタグなどで指定したもの 4 ユーザスタイルシート ユーザー独自に作成したもの 5 デフォルトスタイルシート ブラウザが標準で持っているもの ボックスモデル ボックスモデル http //www.geocities.jp/multi_column/float/02.html http //www.dspt.net/stylesheet_css/001/010.html マージンの相殺 垂直方向のマージン相殺 正正/値が大きい方 正負/マージンを足した値 負負/絶対値が大きい方 ボックス内にボックスがある場合のマージンの相殺 paddingとboderの値がない場合。絶対値が大きい方が採用 空要素に対するマージン相殺 paddingとboderの値がない場合。マージンを指定しても折りたたまれる http //blog.webcreativepark.net/2008/07/09-001153.html http //kohituji.konjiki.jp/tec/margin.html フォントサイズについて bodyに対してfont-size 62.5%を予め指定しておくと、フォントサイズをemで指定する際、12ピクセル相当なら1.2em、16ピクセルにしたいなら1.6emという風にemを使ったフォントサイズ指定が分かりやすくなる CSS3で単位remは、ルートemの略。html要素にfont-size 62.5%;を指定すると継承する? http //redline.hippy.jp/lab/css/bodyfontsize625.php http //parashuto.com/rriver/development/css3-re ボックスの配置方法（基準位置）を指定 http //www.htmq.com/style/position.shtml
https://w.atwiki.jp/hinanj/pages/32.html
概要 HTMLの日(HTML事件)とは、避難J民がしたらばのバグを利用した悪ふざけによって引き起こされた悲劇である。当時の様子を再現したサイトが存在する。 2016年11月10日、ID E9oh880cのスレ立てにより、したらば掲示板のトップ画面でHTMLのメタタグがエスケープされてない事が判明。 (https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1478785073/) 簡単に言うとコードを仕込んだスレッドを立てることでサイトの一部レイアウトや仕様を変えられる状態にあったのだ。 翌日の11月11日、これを面白がった避難J民達が次々とコードを仕込みにスレッドを立て、その結果、避難Jのトップ画面は流れるおっちゃんが現れたり、原住民が高速移動したり、ボタンが設置されたり、文字がカラフルになったりクソみたいにデカくなったりと混沌状態になった。 ついにはID 1LISPl3sというクズがポップアップを無限に表示させるコードを仕込んだスレ( https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1478867945/ )を建て、避難Jはブラウザクラッシャーと化した。 したらば運営がこの問題に対策するまで、避難Jでは" "と" "がNGワードになった。 ID E9oh880c 11月10日にHTMLタグの不具合を発見した、パイオニアかつすべての元凶。 同年の7月21日にもHTMLタグスレ「あああ hr 」を建てていたようだが、その時は無効だった模様。 あああ hr https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1469084043/ 1 ： 風吹けば名無し＠なんJ避難所 ：2016/07/21(木) 15 54 03 AvAp8iLw ああああああああああああああああ font color=black size=7 【悲報】したらばのバグ悪化 /font https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1478785073/ 1 ： 風吹けば名無し＠なんJ避難所 ：2016/11/10(木) 22 37 53 E9oh880c 7月にテストした時は無効だったはずなんやけど 今日見たら有効になってたわ ID 1LISPl3s 無限ポップアップのコードを仕込んだスレ(https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1478867945/)を建てたカス。無限ポップアップ以外にもHTMLタグを含んだスレタイのスレを立てており、避難Jの管理人及び住人に多大な迷惑をかけた。 犯行理由については「よさげなタグ見つけたから」と供述している。 ID 1LISPl3sが謝罪するスレ https //jbbs.shitaraba.net/bbs/read_archive.cgi/sports/40235/1478869754/ 3 ： 風吹けば名無し＠なんJ避難所 ：2016/11/11(金) 22 21 18 1LISPl3s よさげなタグ見つけたから他板でテストスレ立てしたつもりだったんです許して 11 ： 風吹けば名無し＠なんJ避難所 ：2016/11/11(金) 23 25 21 1LISPl3s 笑いごとやないで HTMLの日を忘れない https //hinanj-uma.blog.jp/html.html 当時の雰囲気の再現したサイト。流石に無限ポップアップは無効化されている。
https://w.atwiki.jp/rxt_team/pages/4.html
!DOCTYPE HTML HTML HEAD TITLE 30秒 /TITLE /HEAD BODY div style="margin 0 auto;width 500px;" P Press W, A, S, D keys to move /P SECTION style="border-style solid; border-width 2px; width 500px;" CANVAS WIDTH="500" HEIGHT="500" ID="canvas_1" tabindex="0" Canvas tag not supported /CANVAS /SECTION div id = "ptx" x /div div id = "pty" y /div div id = "result" result /div /div SCRIPT var canvas = document.getElementById("canvas_1"); canvas.addEventListener( keydown , doKeyDown, true); canvas.addEventListener( keyup , doKeyUp, true); canvas_context = canvas.getContext("2d"); var seconds = 0; //记数时间 var handle; //事件柄 handle = setInterval("timer()",1000); canvas.focus(); var keybuf = {}; var x = 250.0; var y = 250.0; var bulletList = new Array(60); for (var i=0; i bulletList.length ; i++) { var tempBullet; if((tempBullet=createBullet())!=null ){ bulletList[i] = null; bulletList[i] =tempBullet; } } setInterval("reflash()", 1000 / 60); function reflash() { clearCanvas(); canvas_context.fillStyle = "orange"; //canvas_context.fillRect(x, y, 10, 10); canvas_context.beginPath(); canvas_context.arc(x,y,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); // draw bullet doKeyEvent(); for (var i=0; i bulletList.length ; i++) { bulletList[i].move(); bulletList[i].draw(); } // hit bullet for (var k=0; k bulletList.length ; k++) { //if(Math.abs(x-bulletList[k].bx) 10.0 Math.abs(y-bulletList[k].by) 10.0){ if( Math.sqrt(Math.pow((x-bulletList[k].bx),2)+ Math.pow((y-bulletList[k].by),2)) 10 ) { if(seconds = 10){ alert("you lost" + "\n"+seconds+"\n"+"你弱爆了！！"); }else if (seconds 20 ){ alert("you lost" + "\n"+seconds+"\n"+"再接再厉！！"); }else if (seconds 30 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！"); }else if (seconds 40 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！"); }else if (seconds 50 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！！"); }else if (seconds 60 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！！！"); }else if (seconds = 70 ){ alert("you lost" + "\n"+seconds+"\n"+"春哥附体拉！"); } window.location.reload(); //document.getElementById("result").innerHTML = "you failed"; } } // bullet number for (var j=0; j bulletList.length ; j++) { if (bulletList[j].bx 0 || bulletList[j].bx 500 || bulletList[j].by 0 || bulletList[j].by 500) { var tempBullet; if((tempBullet=createBullet()) != null ) { bulletList[j] = null; bulletList[j] = tempBullet; } else{ i--; } } } document.getElementById("ptx").innerHTML = x; document.getElementById("pty").innerHTML = y; } function timer () { seconds ++; } function createBullet(){ var dir = Math.ceil(Math.random()*4); var s_x ; var s_y ; var s_cos ; var s_sin ; if(dir == 1){ s_x = Math.ceil(Math.random()*490); s_y = 0; s_cos = Math.random() * 2.0-1.0; s_sin = Math.sqrt(1-s_cos * s_cos); } else if (dir == 2){ s_x = 0; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = Math.sqrt(1-s_sin * s_sin); } else if (dir == 3){ s_x = Math.ceil(Math.random()*490) ; s_y = 490; s_cos = Math.random() * 2.0-1.0; s_sin = -Math.sqrt(1-s_cos * s_cos); } else if (dir == 4){ s_x = 490; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = -Math.sqrt(1-s_sin * s_sin); } else if (dir ==0 ){ return null; } return new bullet(s_x,s_y,s_cos,s_sin); } function doKeyUp(e) { var evt = e || window.event; keybuf[evt.keyCode] = false; //doKeyEvent(); } function doKeyPress(e) { doKeyEvent(); } function doKeyDown(e) { var evt = e || window.event; keybuf[evt.keyCode] = true; //doKeyEvent(); } function doKeyEvent() { var speed = 1.5 ; //THE w KEY if (keybuf[87] == true judge_frontier()) { y = y - speed; if (!judge_frontier()) { y = y + speed; } } //THE s KEY if (keybuf[83] == true judge_frontier()) { y = y + speed; if (!judge_frontier()) { y = y - speed; } } //THE a KEY if (keybuf[65] == true judge_frontier()) { x = x - speed; if (!judge_frontier()) { x = x + speed; } } //THE d KEY if (keybuf[68] == true judge_frontier()) { x = x + speed; if (!judge_frontier()) { x = x - speed; } } } function judge_frontier() { if (x 5 || x 475 || y 5 || y 475) { return false; } else { return true; } } function bullet(startx , starty, cos , sin) { this.bx = startx; this.by = starty; this.speed = 1.0; //this.startx = startx; //this.starty = starty; this.cos = cos; this.sin = sin; this.draw = function() { canvas_context.fillStyle = "brown"; //canvas_context.fillRect(this.bx, this.by, 10, 10); canvas_context.beginPath(); canvas_context.arc(this.bx, this.by,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); } this.move = function() { this.bx = this.bx + this.speed * this.cos; this.by = this.by + this.speed * this.sin; } } function clearCanvas() { canvas.width = canvas.width; } /SCRIPT /BODY /HTML